﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    @*导航栏*@
    <link href="~/css/left_content.css" rel="stylesheet" />
    @*顶部信息*@
    <link href="~/css/Top_message.css" rel="stylesheet" />
    @*底部*@
    <link href="~/css/bottom_div.css" rel="stylesheet" />
    @*登录*@
    <link rel="stylesheet" href="~/css/Login.css">
    @*首页内容*@
    <link href="~/css/Index.css" rel="stylesheet" />
    <link href="~/layui/css/layui.css" rel="stylesheet" />
    <script src="~/layui/layui.js"></script>
    @*引用首页JS*@
    <script src="~/layui/xadmin.js"></script>
    <script src="~/layui/xcity.js"></script>
    <script src="~/Scripts/jquery-3.4.1.min.js"></script>
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
   
    <style>
        .layui-carousel-ind.ul {
            display: none;
        }
        /*磨砂感*/
        .demand-introduce-item {
            width: 328px;
            height: 145px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 16px;
            border: 1px solid rgba(235, 236, 237, 0.2);
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
            position: relative;
        }

        #profile-img {
            position: absolute;
            margin-left: -200px;
            display: none;
            background-color: antiquewhite;
            width: 200px;
            height: 200px;
        }


        .Profile {
            background-color: antiquewhite;
        }
        .demo-laypage-pn-show {
            text-align: center;
        }
        .dibu{
            text-align:center;
        }
    </style>
  
</head>

<body>
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <div class="layui-logo layui-hide-xs layui-bg-black">欢迎您！</div>
            <p></p>

            <!-- 头部区域（可配合layui 已有的水平导航） -->
            <ul class="layui-nav layui-layout-left">
                <!-- 移动端显示 -->
                <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
                    <i class="layui-icon layui-icon-spread-left"></i>
                </li>

                <li class="layui-nav-item layui-hide-xs" id="ptime"><a>nav 1</a></li>
              
              
                <li class="layui-nav-item">
                    <a>该功能为对外开放</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">该功能未实现</a></dd>
                 
                    </dl>
                </li>
            </ul>
           
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item layui-hide layui-show-sm-inline-block">
                    <a href="javascript:;">
                        <img src="https://unpkg.com/outeres@0.0.10/img/layui/icon-v2.png" class="layui-nav-img" id="QQ_hdad">
                        @ViewBag.EmployeeName
                    </a>


                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" id="Profiledis">显示头像</a></dd>
                        <dd><a href="/LoginIndex/login">退出登录  </a></dd>
                        
                    </dl>                  
              
                <li class="Profile">
                    <img src="https://unpkg.com/outeres@0.0.10/img/layui/icon-v2.png" id="profile-img">
                </li>
                <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
                    <a href="javascript:;">
                        <i class="layui-icon layui-icon-more-vertical"></i>
                    </a>
                </li>
            </ul>
        </div>
        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
              

                <script>
               
                   
                </script>

                <ul class="layui-nav layui-nav-tree" lay-filter="test">
                    @*layui-nav-itemed  展开*@
                    <li class="layui-nav-item layui-nav-itemed ">
                        <a>首页</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/home/index">首页信息</a></dd>

                        </dl>
                    </li>
                    <li class="layui-nav-item ">
                        <a>员工表</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/home/Employee">员工列表</a></dd>
                            <dd><a href="/home/ADDEmployee">添加员工</a></dd>
                           
                        </dl>
                    </li>

                    <li class="layui-nav-item">
                        <a>部门表</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/home/Department">所有部门</a></dd>
                           
                        </dl>
                    </li>

                    <li class="layui-nav-item">
                        <a>职位表</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/home/Position">职位信息</a></dd>
                        
                        </dl>
                    </li>

                    <li class="layui-nav-item">
                        <a>薪资</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/home/Salary">薪资情况</a></dd>
                            <dd><a href="/home/ADDSalary">添加薪资</a></dd>
                         
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a>离职</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/home/Leave_Record">离职信息</a></dd>
                           
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a>公告</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/home/notice">公告列表 </a></dd>
                            <dd><a href="/home/ADDnotice">添加公布</a></dd>
                          
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a>考勤记录表</a>
                        <dl class="layui-nav-child">

                            <dd><a href="/home/attendance_records">全部信息</a></dd>                   
                          
                        </dl>
                    </li>

                    <li class="layui-nav-item">
                        <a>请假信息</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/home/employee_leave">显示所有</a></dd>
                           
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a>系统管理员</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/home/admin">显示所有</a></dd>
                       
                        </dl>
                    </li>
                 
                   
                </ul>
            </div>
        </div>
        <div class="layui-body">
            <!-- 内容主体区域 -->
            <div style="padding: 15px;">
                <blockquote class="layui-elem-quote layui-text">

                    <div class="layui-carousel" id="ID-carousel-demo-2">
                        <div carousel-item>
                            <div>

                                <img src="~/images/轮播/莫兰迪绿色家居.jpg" />
                            </div>
                            <div>

                                <img src="~/images/轮播/极简_6f64a4fb.jpg" />

                            </div>
                            <div>
                                <img src="~/images/轮播/简约卧室.jpg" />

                            </div>
                            <div>
                                <img src="~/images/轮播/结婚吧.jpg" />

                            </div>
                            <div>

                                <img src="~/images/轮播/梦中情窝.jpg" />
                            </div>
                        </div>
                    </div>
                </blockquote>
                <div class="layui-card layui-panel">
                  
                    <div class="layui-card-body">
                        @RenderBody()
                    </div>
                </div>
                <br><br>
            </div>
        </div>
        <div class="layui-footer dibu">
            <!-- 底部固定区域 -->
            ⓒ Copyright ByteDance 2019-2023
        </div>
    </div>
    <script src="/cdn.staticfile.org/layui/2.8.0/layui.js"></script>
    @*顶部轮播*@
    <script>
        //JS
        layui.use(['element', 'layer', 'util'], function () {
            var element = layui.element;
            var layer = layui.layer;
            var util = layui.util;
            var $ = layui.$;
            //头部事件
            util.event('lay-header-event', {
                menuLeft: function (othis) { // 左侧菜单事件
                    layer.msg('展开左侧菜单的操作', { icon: 0 });
                },
                menuRight: function () {  // 右侧菜单事件
                    layer.open({
                        type: 1
                        , title: '更多'
                        , content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
                        , area: ['260px', '100%']
                        , offset: 'rt' //右上角
                        , anim: 'slideLeft'
                        , shadeClose: true
                        , scrollbar: false
                    });
                }
            });
        });

    </script>
    @*大轮播*@
    <script>
        layui.use(function () {
            var carousel = layui.carousel;

            // 渲染 - 设置时间间隔、动画类型、宽高度等属性
            carousel.render({
                elem: '#ID-carousel-demo-2',
                interval: 5000,
                anim: 'fade',
                width: 'auto',
                height: '120px',
                indicator: 'none',
                arrow: 'none',
                anim: 'updown',

            });
        });
    </script>
    @*鼠标移出入显示头像*@
    <script>
        layui.use(['element'], function () {
            var element = layui.element;

            var profileImg = document.getElementById('profile-img');

            // 添加鼠标移入事件监听器
            document.getElementById('Profiledis').addEventListener('mouseenter', function () {
                profileImg.style.display = 'block';
            });

            // 添加鼠标移出事件监听器
            document.getElementById('Profiledis').addEventListener('mouseleave', function () {
                profileImg.style.display = 'none';
            });
        });
    </script>
    @*获取头像*@
    <script>
            window.onload = function () {
                 var touxiang = @ViewBag.touxiang;
                 if (touxiang) {
                     /*需要网络才能获取QQ头像*/
                     var url = 'https://q1.qlogo.cn/g?b=qq&nk=' + touxiang + '&s=100&t=0';
                     var QQ_hdad = document.getElementById("QQ_hdad");
                     var profile = document.getElementById("profile-img");
                     QQ_hdad.src = url;
                     profile.src = url;
                 }
                 else {
                     QQ_hdad.src = "~/images/头像/WCH1.jpg";
                 }
            }
    </script>
    @*显示时间*@
    <script>
        function updateTime() {
            var date = new Date();
            var year = date.getFullYear();
            var month = date.getMonth() + 1;
            var day = date.getDate();
            var hours = date.getHours();
            var minutes = date.getMinutes();
            if (seconds < 10) {
                minutes = "0" + minutes;
            }
            var seconds = date.getSeconds();
            if (seconds < 10) {
                seconds = "0" + seconds;
            }
            var dayOfWeek = date.getDay();

            var weekDays = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
            var formattedTime = year + "年" + month + "月" + day + "日 " + hours + ":" + minutes + ":" + seconds + " " + weekDays[dayOfWeek];

            document.getElementById("ptime").innerText = formattedTime;
        }
        document.addEventListener("DOMContentLoaded", function () {
            updateTime();
            setInterval(updateTime, 1000);
        });
    </script>
    @*收缩*@
<script>
    
</script>
</body>
</html>
